Skip to content

feat(dashboard): add contribution calendar and dashboard activity insights#1225

Open
milosde111 wants to merge 2 commits into
entrius:testfrom
milosde111:feat/contribute-calendar
Open

feat(dashboard): add contribution calendar and dashboard activity insights#1225
milosde111 wants to merge 2 commits into
entrius:testfrom
milosde111:feat/contribute-calendar

Conversation

@milosde111
Copy link
Copy Markdown
Contributor

Summary

Adds a Contribution Calendar section to the dashboard (below Network Activity), styled like GitHub’s contribution graph. The heatmap shows daily network activity over a rolling 365-day window in a 53-week Sun–Sat grid, with a weekly summary card and year-to-date contribution count.

Type of Change

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Other (describe below)

Screenshots

Before

image

After

image

Checklist

  • New components are modularized/separated where sensible
  • Uses predefined theme (e.g. no hardcoded colors)
  • Responsive/mobile checked
  • Tested against the test API
  • npm run format and npm run lint:fix have been run
  • npm run build passes
  • Screenshots included for any UI/visual changes

@xiao-xiao-mao xiao-xiao-mao Bot added the enhancement New feature or request label May 18, 2026
@milosde111 milosde111 force-pushed the feat/contribute-calendar branch from 88b26ff to eb9d3ba Compare May 19, 2026 05:16
Copy link
Copy Markdown
Collaborator

@anderdc anderdc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This duplicates src/components/ContributionHeatmap.tsx. ContributionCalendar.tsx reimplements the react-activity-calendar wrapper, empty state, heatmap theme wiring, scroll container, and renderBlock tooltip that ContributionHeatmap already provides — it has a bare mode for exactly this embedding. Reuse it: render <ContributionHeatmap bare ... /> for the heatmap and compose the week-summary card, legend, and week-over-week trend around it. If ContributionHeatmap lacks what the calendar needs (responsive blockSize, weekStart={0}, showWeekdayLabels), add those props to ContributionHeatmap at the source — don't fork it. Also drop the unrelated totalLinesCommitted useMemo change in useDashboardData.ts — it's out of scope.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants